<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <%@include file="../common/head.jspf" %>
        <link href="/css/user/transaction.css" rel="stylesheet"/>
        <link href="/css/user/collecshop.css" rel="stylesheet"/>
        <script type="text/javascript" src="/js/jquery-1.8.3.min.js"></script>
    </head>
    <body>
        <header class="site-mast" >
            <%@include file="../common/head_top_short.jspf" %>
        </header>
        <%@include file="../common/userinfo.jspf" %>
        <div class="tran_content">
            <%@include file="../common/navigate.jspf" %>
            <div class="change_info">
                <div class="coll_title">
                    <img src="/img/user/checkbox.png" id="coll_checkbox" class="cursor"/>
                    <label id="all_checked">全选</label>
                    <label id="cancle_coll">取消收藏</label>
                </div>
                <div class="coll_list">
                    <div class="coll_list_each">
                        <img src="/img/user/timg.jpg" class="shop_img"/>
                        <p class="shop_name">诺德灯具旗舰店</p>
                        <p class="shop_follow">关注人气:7688人 
                            <img src="/img/user/checkbox.png" class="coll_checkbox_each collshop_checkbox_each cursor"/>
                        </p>
                        <div class="coll_confirm_button">进入店铺</div>
                    </div>
                    <div class="coll_list_each">
                        <img src="/img/user/timg.jpg" class="shop_img"/>
                        <p class="shop_name">诺德灯具旗舰店</p>
                        <p class="shop_follow">关注人气:7788人 
                            <img src="/img/user/checkbox.png" class="coll_checkbox_each collshop_checkbox_each cursor"/>
                        </p>
                        <div class="coll_confirm_button">进入店铺</div>
                    </div>
                    <div class="coll_list_each">
                        <img src="/img/user/timg.jpg" class="shop_img"/>
                        <p class="shop_name">诺德灯具旗舰店</p>
                        <p class="shop_follow">关注人气:7888人 
                            <img src="/img/user/checkbox.png" class="coll_checkbox_each collshop_checkbox_each cursor"/>
                        </p>
                        <div class="coll_confirm_button">进入店铺</div>
                    </div>
                    <div class="coll_list_each">
                        <img src="/img/user/timg.jpg" class="shop_img"/>
                        <p class="shop_name">诺德灯具旗舰店</p>
                        <p class="shop_follow">关注人气:7988人 
                            <img src="/img/user/checkbox.png" class="coll_checkbox_each collshop_checkbox_each cursor"/>
                        </p>
                        <div class="coll_confirm_button">进入店铺</div>
                    </div>
                    <c:forEach var="item" items="${ls}" varStatus="status">
                    <div class="coll_list_each">
                        <img src="/img/user/timg.jpg" class="shop_img"/>
                        <p class="shop_name">${item.shopName}</p>
                        <p class="shop_follow">关注人气:${item.popularity}人 
                            <img src="/img/user/checkbox.png" class="coll_checkbox_each collshop_checkbox_each cursor"/>
                        </p>
                        <div class="coll_confirm_button"><a href="${item.id}">进入店铺</a></div>
                    </div>
                    </c:forEach>
                </div>
            </div>
           
        </div>
        <div class="login_foot">
            <ul>
                <li>关于天下</li>
                <li>市场合作</li>
                <li>商家后台</li>
                <li>常见问题</li>

            </ul>
        </div>
        <script type="text/javascript" src="/js/pages/user/collection.js"></script>
    </body>
</html>
